/************** Taanzaza - main **************/
*{
    margin:0px;
    padding:0px;
}
/**************
html
**************/
html{
    background-color:#FFFFFF;
    color: #333333;
    direction: ltr;
    font: 81.25%/1 arial,helvetica,sans-serif;    
}
/**************
Body
**************/
body{
    height: 100%;
    min-width: 100%;
    position: absolute;
}
/**************
a,a:hover,
a:visited,
a:active
**************/
a,a:hover,a:visited,a:active{
    text-decoration: none;
}
a{
    color:#1155CC;
}
a:active{
    color: #D14836;
}
a:hover{
    text-decoration: underline;
}
.clr{clear:both;}
.form{
	margin:auto;
	width: 1000px;
	margin-bottom: 10px;
}
.form fieldset{
	padding:0 10%;
	border: 1px solid #D0D0D0;
}
.form fieldset section{
	margin:2% 0;
}
/**************
sWrapper
**************/
#sWrapper{
    min-height: 100%;
    position: relative;
}
/**************
Header
**************/
#header{
    background-color: #F5F5F5;
    border-bottom: 1px solid #E5E5E5;
    height: 65px;
/*     line-height: 73px; */
    position: relative;
}
#header nav{
    position:absolute;
    right:3px;
    top:20px;
}
#header img{
    position:absolute;
    left:4px;
    top:10px;
}
/**************
main
**************/
.main{
    padding-bottom: 125px;
    padding-top: 10px !important;
}
/**************
Footer
**************/
#footer{
    background-color: #F9EDBE;
    border-top: 1px solid #E5E5E5;
    height: 30px;
    line-height: 30px;
/*     position:absolute; */
    bottom:1px;
    width:100%;
    text-align: center;
}
/**************
Input
**************/
input{
    font-size: 15px;
    height: 32px;
    width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    background-color:#FFFFFF;
    border-color: #C0C0C0 #D9D9D9 #D9D9D9;
    border-radius: 1px;
    -moz-border-radius: 1px;
    -webkit-border-radius: 1px;
    border-style: solid;
    border-width: 1px;
    height: 29px;
    margin: 0;
    padding-left: 8px;
}
input:hover{
    border: 1px solid #C0C0C0;
}
input:focus{
    border: 1px solid #498DFB;
}
input[type="checkbox"], input[type="radio"] {
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
width: 13px;
height: 13px;
margin: 0px 15px 0px 5px;
cursor: pointer;
vertical-align: bottom;
background: white;
border: 1px solid gainsboro;
-webkit-border-radius: 1px;
-moz-border-radius: 1px;
border-radius: 1px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
position: relative;
}
input[type="checkbox"]:checked::after,input[type="radio"]:checked::after {
content: url(../images/icons/checkmark.png);
display: block;
position: absolute;
top: -6px;
left: -5px;
}
/**************
Table
**************/
.tableCss{
 width: 100%;
 border-collapse: collapse;
 margin-bottom: 18px;
}
table td, table th {
color:#6f6f6f;
font-weight: 700;
border-color: #DDD #DDD #DDD #E7E7E7 !important;
border: 1px solid;
padding: 6px 3px;
text-align: center;
}
.trEven{background-color: #E5E5E5;}
tr:hover{background-color: #c7fcf0;}
/**************
Label
**************/
label{
    display: block;
    font-weight: bold;
    margin: 0 0 0.5em;
    display: block;
    color: #222222;
}

/***************
button 
***************/
.button {
    display: inline-block;
    zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
    display: inline;
    vertical-align: baseline;
    margin: 0 1px;
    outline: none;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    font: 14px/100% Arial, Helvetica, sans-serif;
    padding: .5em 2em .55em;
    border-radius:3px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    text-shadow: 0 1px 1px rgba(0,0,0,.3);
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    box-shadow: 0 1px 2px rgba(0,0,0,.2);
}
.button:hover {
    text-decoration: none;
}
.button:active {
    position: relative;
    top: 1px;
}

.big {
    -webkit-border-radius: 2em;
    -moz-border-radius: 2em;
    border-radius: 2em;
}
.medium {
    font-size: 12px;
    padding: .4em 1.5em .42em;
}
.small {
    font-size: 11px;
    padding: .2em 1em .275em;
}
/*Colo style*/
/* white */
.white {
    color: #606060;
    border: solid 1px #b7b7b7;
    background: #fff;
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed));
    background: -moz-linear-gradient(top,  #fff,  #ededed);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed');
}
.white:hover {
    background: #ededed;
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#dcdcdc));
    background: -moz-linear-gradient(top,  #fff,  #dcdcdc);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dcdcdc');
}
.white:active {
    color: #999;
    background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#fff));
    background: -moz-linear-gradient(top,  #ededed,  #fff);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#ffffff');
}

/* orange */
.orange {
    color: #fef4e9;
    border: solid 1px #da7c0c;
    background: #f78d1d;
    background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20));
    background: -moz-linear-gradient(top,  #faa51a,  #f47a20);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20');
}
.orange:hover {
    background: #f47c20;
    background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015));
    background: -moz-linear-gradient(top,  #f88e11,  #f06015);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015');
}
.orange:active {
    color: #fcd3a5;
    background: -webkit-gradient(linear, left top, left bottom, from(#f47a20), to(#faa51a));
    background: -moz-linear-gradient(top,  #f47a20,  #faa51a);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f47a20', endColorstr='#faa51a');
}

/* red */
.red {
    color: #faddde;
    border: solid 1px #980c10;
    background: #DD4B39;
    background: -webkit-gradient(linear, left top, left bottom, from(#DD4B39), to(#B0281A));
    background: -moz-linear-gradient(center top , #DD4B39, #B0281A)
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#DD4B39', endColorstr='#B0281A');
}
.red:hover {
    background: #b61318;
    background: -webkit-gradient(linear, left top, left bottom, from(#c9151b), to(#a11115));
    background: -moz-linear-gradient(top,  #c9151b,  #a11115);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#c9151b', endColorstr='#a11115');
}
.red:active {
    color: #de898c;
    background: -webkit-gradient(linear, left top, left bottom, from(#aa1317), to(#ed1c24));
    background: -moz-linear-gradient(top,  #aa1317,  #ed1c24);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#aa1317', endColorstr='#ed1c24');
}

/* blue */
.blue {
    color: #d9eef7;
    border: solid 1px #0076a3;
    background: #0095cd;
    background: -webkit-gradient(linear, left top, left bottom, from(#00adee), to(#0078a5));
    background: -moz-linear-gradient(top,  #00adee,  #0078a5);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#00adee', endColorstr='#0078a5');
}
.blue:hover {
    background: #007ead;
    background: -webkit-gradient(linear, left top, left bottom, from(#0095cc), to(#00678e));
    background: -moz-linear-gradient(top,  #0095cc,  #00678e);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0095cc', endColorstr='#00678e');
}
.blue:active {
    color: #80bed6;
    background: -webkit-gradient(linear, left top, left bottom, from(#0078a5), to(#00adee));
    background: -moz-linear-gradient(top,  #0078a5,  #00adee);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0078a5', endColorstr='#00adee');
}
/*blue1*/
.blue1{
    border: 1px solid #3079ED;
    color: white;
    text-shadow: 0 1px rgba(0, 0, 0, 0.1);
    background-color: #4D90FE;
    background-image: -webkit-gradient(linear,left top,left bottom,from(#4d90fe),to(#4787ed));
    background-image: -webkit-linear-gradient(top,#4d90fe,#4787ed);
    background-image: -moz-linear-gradient(top,#4d90fe,#4787ed);
    background-image: -ms-linear-gradient(top,#4d90fe,#4787ed);
    background-image: -o-linear-gradient(top,#4d90fe,#4787ed);
    background-image: linear-gradient(top,#4d90fe,#4787ed);
    border-image: initial;
}
.blue1:hover{
    border: 1px solid #2F5BB7;
    text-shadow: 0 1px rgba(0, 0, 0, 0.3);
    background-color: #357AE8;
    background-image: -webkit-gradient(linear,left top,left bottom,from(#4d90fe),to(#357ae8));
    background-image: -webkit-linear-gradient(top,#4d90fe,#357ae8);
    background-image: -moz-linear-gradient(top,#4d90fe,#357ae8);
    background-image: -ms-linear-gradient(top,#4d90fe,#357ae8);
    background-image: -o-linear-gradient(top,#4d90fe,#357ae8);
    background-image: linear-gradient(top,#4d90fe,#357ae8);
}
/* green */
.green {
    color: #e8f0de;
    border: solid 1px #538312;
    background: #64991e;
    background: -webkit-gradient(linear, left top, left bottom, from(#7db72f), to(#4e7d0e));
    background: -moz-linear-gradient(top,  #7db72f,  #4e7d0e);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#7db72f', endColorstr='#4e7d0e');
}
.green:hover {
    background: #538018;
    background: -webkit-gradient(linear, left top, left bottom, from(#6b9d28), to(#436b0c));
    background: -moz-linear-gradient(top,  #6b9d28,  #436b0c);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#6b9d28', endColorstr='#436b0c');
}
.green:active {
    color: #a9c08c;
    background: -webkit-gradient(linear, left top, left bottom, from(#4e7d0e), to(#7db72f));
    background: -moz-linear-gradient(top,  #4e7d0e,  #7db72f);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#4e7d0e', endColorstr='#7db72f');
}
.cam{
    color:#dd4b39;
}
.database article{width:1000px; margin:auto;}
.totalRecord{
	background: -webkit-gradient(linear, left top, left bottom, from(#00adee), to(#0078a5));
    background: -moz-linear-gradient(top,  #00adee,  #0078a5);
    border: 1px solid #0076A3;
    border-radius: 5px 5px 5px 5px;
    color: #F0F0F0;
    display: inline-block;
    font-size: 20px;
/*     margin: 0 0 10px; */
    padding: 0 5px;
    float: right;}
.pInfo{
	float:right;
}

/*
* width
*/
.w49{width:49% !important;}
.w50{width:50% !important;}

.w19{width:19% !important;}
.w80{width:80% !important;}

.w33{width:33% !important;}